<script setup>
import {defineProps} from 'vue'
const props = defineProps(
    {
      text:{
        type:String,
        default:'应用',
      },
      width:{
        type: Number,
        default:80,
      },
      height:{
        type:Number,
        default:35,
      }
    }
)
</script>

<template>
  <el-button class="primary-button" :style="{width:width+'px',height:height+'px'}">
    {{props.text}}
  </el-button>
</template>

<style scoped>
.primary-button{
  background: var(--main-color);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid var(--main-color);
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;
}

.primary-button:disabled {
  background-color: white;
  color: grey;
  border: 1px solid #c6c6c6;
}

.primary-button:active{
  opacity: .5;
}
</style>
